$(function () {
    //随机获得三个格子并随机改变颜色
    var timer;
    function getBox() {
        resent();
        var box = $(".content div");
        // var box1=Math.floor(Math.random()*9);
        // var box2=Math.floor(Math.random()*9);
        // var box3=Math.floor(Math.random()*9);
        console.log(box[box1], box[box2], box[box3]);

        for (var i = 0; i < 10000; i++) {
            var box1 = Math.floor(Math.random() * 9);
            var box2 = Math.floor(Math.random() * 9);      //for循环排除的是三个盒子中会有重复现象
            var box3 = Math.floor(Math.random() * 9);
            if (box1 !== box2 && box1 !== box3 && box2 !== box3) {
                break;
            }
        }

        box.eq(box1).css('backgroundColor', getRandomColor());
        box.eq(box2).css('backgroundColor', getRandomColor());
        box.eq(box3).css('backgroundColor', getRandomColor());
        console.log($(".content div").eq(box1));
        // resent();
    }
    function getRandomColor() {
        var a = Math.floor(Math.random() * 255);
        var b = Math.floor(Math.random() * 255);
        var c = Math.floor(Math.random() * 255);
        return "rgb(" + a + ',' + b + ',' + c + ")"
    }

    function resent() {
        var boxs = $(".content div");
        for (var i = 0; i < 9; i++) {
            boxs.eq(i).css('backgroundColor', 'orange');
        }
    }
    $(".btn button:first").click(function () {
        $(this).css({'backgroundColor': 'orange', 'color': 'white'});        //如果用focus事件，只有在点击时才会变样式
        $(".btn button:last").css({'backgroundColor': 'white', 'color': 'orange'});
        clearInterval(timer);
        timer = setInterval(getBox, 1000);
    });
    $(".btn button:last").click(function () {
        clearInterval(timer);
        $(this).css({'backgroundColor': 'orange', 'color': 'white'});
        $(".btn button:first").css({'backgroundColor': 'white', 'color': 'orange'});
        resent()
    })
});

